<template>
  <div class="ra_box">
    <titleTop :titleTxet="titleTxet"></titleTop>
    <router-link to="/myRealOwn" class="container b_d flex f_align f_bet real_type_box">
      <div>
        <div class="font_32 c_44">
          <span>个人认证</span>
        </div>
        <div class="font_24 c_8c">
          <span>适应于个人用户真实身份认证</span>
        </div>
      </div>
      <div>
        <img
          src="../../../assets/img/more.png"
          alt=""
          class="more"
        >
      </div>
    </router-link>
    <router-link to="/myRealCompany" class="container b_d flex f_align f_bet real_type_box">
      <div>
        <div class="font_32 c_44">
          <span>企业认证</span>
        </div>
        <div class="font_24 c_8c">
          <span>为企业品牌诚信加冕</span>
        </div>
      </div>
      <div>
        <img
          src="../../../assets/img/more.png"
          alt=""
          class="more"
        >
      </div>

    </router-link>
    <div class="container real_pic_box w1">
      <img
        :src="realPic"
        alt=""
      >
    </div>
    <!--<router-view></router-view>-->

    <!--<ul class="re_ul">-->
      <!--<li @click="tabs(item,index)" :class="cur==index?'acti':''" v-for="(item,index) in tabData" :key="index">{{item.titlt}}</li>-->
    <!--</ul>-->
  </div>
</template>
<script>
import titleTop from "../../com/title";
import * as list from "../../../api/list.js";
export default {
  components: { titleTop },
  data() {
    return {
      titleTxet: {
        titleName: "认证管理",
        IsBool: true,
        IsShare: false,
        back:true
      },
      // tabData:[
      //   {
      //     titlt:'机构认证',
      //     path:'/myRealCompany'
      //   },
      //   {
      //     titlt:'个人认证',
      //     path:'/myRealOwn'
      //   }
      // ],
      cur:0,
      phone: "",
      code: "",
      realPic: ''
    };
  },
  beforeMount(){
     list.authLogo().then(res=>{
       this.realPic = res.data;
     })
  },
  mounted(){
    mui.back = function() {
      window.history.go(-1);
    }
  },
  methods: {
     toSetData() {
       this.$router.push({ path: "/myInfo" });
     },
    // tabs(item,index){
    //   this.cur = index;
    //   this.$router.push({ path: item.path });
    // }
  }
};
</script>
<style scoped>
  .ra_box{
    padding-bottom: 100px;
  }
.real_type_box {
  padding-top: 22px;
  padding-bottom: 23px;
  box-sizing: border-box;
  line-height: 50px;
}
.real_pic_box{
    margin-top: 113px;
    text-align: center;
}
.real_pic_box img{
    width: 670px;
    height: 549px;
}
  .re_ul{
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
  }
.re_ul li{
  width: 50%;
  height: 90px;
  font-size: 30px;
  text-align: center;
  line-height: 90px;
}
.re_ul li:nth-child(1){
  border-right: 1px solid;
}
.re_ul li:nth-child(2){
  border-left: 1px solid;
}
.re_ul .acti{
  color: #884ca4;
  border-bottom: 6px solid #884ca4;
}
</style>
